<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, user-scalable=no">
  <title>Ask The Doctor</title> 

  <!--jquery mobile-->  
  <link rel="stylesheet" href="themes/default.css" />
  <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
  <link rel="stylesheet" href="css/jquery.mobile-1.4.4.css" />   
  <link rel="stylesheet" href="css/nprogress.css" />
  <link rel="stylesheet" href="css/jquery.mobile.iscrollview.css"> 
 
  <style>

   .ui-content {
    padding: 0 !important;
	}
	 
	.ui-listview {
	    margin: 0 !important;
	}
	 
	.example-wrapper, .example-wrapper div.iscroll-scroller {
	    width: 100% !important; 
	} 

  </style>


  <!--js depedencies-->
  <script src="js/libs/jquery-1.10.2.js"></script>
  <script src="js/libs/handlebars-1.1.2.js"></script>
  <script src="js/libs/ember-1.7.0.js"></script>
  <script src="js/libs/ember-data.js"></script>
  <!--<script src="js/libs/fastclick.js"></script>-->
  <script src="js/app.js"></script>
  <script src="js/router.js"></script>
  <script src="js/libs/nprogress.js"></script> 
  <script src="js/store.js"></script> 
  <script>
	$(document).bind('mobileinit', function() {
	$.support.touchOverflow = true;
	$.mobile.touchOverflowEnabled = true;
	$.mobile.ajaxEnabled = true;
	$.mobile.pushStateEnabled = true;
	$.mobile.linkBindingEnabled = false;
	$.mobile.hashListeningEnabled = false;
	}); 
	$(document).delegate('.ui-content', 'touchmove', false); 
  </script>
 
  <script src="js/libs/jquery.mobile-1.4.4.min.js"></script> 
  <script src="js/libs/iscroll.js"></script>  
  <script src="js/libs/jquery.mobile.iscrollview.js"></script>
    
</head> 

	<body> 
		   <script type="text/x-handlebars"> 
			 
	 			<div data-url="panel-responsive-page1" data-role="page" class="jqm-demos ui-responsive-panel" id="panel-responsive-page1" data-title="ask the doctor">
						<div data-role="header" style="overflow:hidden;" data-position="fixed">
					        <h1>Ask Doctor</h1>
					        <a href="#nav-panel" data-icon="bars" data-iconpos="notext">Menu</a>
					        <a href="#add-form" data-icon="gear" data-iconpos="notext">Add</a>
					    </div><!-- /header -->

					    <div data-role="content" >

				            <div id="wrapper" class="example-wrapper" data-iscroll > 
				                <div id="scroller"> 
				                	 
									<div style="padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;"> 
				               	 	{{outlet}} 
				               	 	</div>
				               	 	 
				                </div> 
				                
				            </div>	 

						</div><!-- /content -->

						<div data-role="panel" data-display="push" data-theme="b" id="nav-panel">
					        <ul data-role="listview">
					           		<li data-icon="delete"><a href="#" data-rel="close">Close Menu</a></li> 
					                <li data-rel="close">{{#link-to "article"}}Articles{{/link-to}}</li>
					                <li data-rel="close">{{#link-to "asking"}}Ask Question Now!{{/link-to}}</li> 
					                <li data-rel="close">{{#link-to "doctor"}}Doctor Lists{{/link-to}}</li>
					                <li data-rel="close">{{#link-to "health"}}Health and Wellness{{/link-to}}</li>
					                <li data-rel="close">{{#link-to "main"}}Question and Answer{{/link-to}}</li> 
					        </ul>
					    </div><!-- /panel -->
					    <div data-role="panel" data-position="right" data-display="reveal" data-theme="a" id="add-form">
					        <form class="userform">
					            <h2>Login</h2>
					            <label for="name">Username:</label>
					            <input name="name" id="name" value="" data-clear-btn="true" data-mini="true" type="text">
					            <label for="password">Password:</label>
					            <input name="password" id="password" value="" data-clear-btn="true" autocomplete="off" data-mini="true" type="password">
					            <div class="ui-grid-a">
					                <div class="ui-block-a"><a href="#" data-rel="close" class="ui-btn ui-shadow ui-corner-all ui-btn-b ui-mini">Cancel</a></div>
					                <div class="ui-block-b"><a href="#" data-rel="close" class="ui-btn ui-shadow ui-corner-all ui-btn-a ui-mini">Save</a></div>
					            </div>
					        </form>
					    </div><!-- /panel -->
				 </div>
			    
		  </script> 
 		  
		 
		  <script src="js/templates.js"></script>

		  <!--routes-->
		  <script src="js/routes/indexRoute.js"></script>
		  <script src="js/routes/users/usersRoute.js"></script> 
		  <script src="js/routes/users/userRoute.js"></script> 
		  <script src="js/routes/users/userEditRoute.js"></script>  
		  <script src="js/routes/main/mainRoute.js"></script> 
		  <script src="js/routes/doctor/doctorRoute.js"></script> 
		  <script src="js/routes/article/articleRoute.js"></script> 
		  <script src="js/routes/asking/askingRoute.js"></script> 
		  <script src="js/routes/health/healthRoute.js"></script> 
		  
		  <!--controllers-->
		  <script src="js/controllers/users/usersController.js"></script> 
		  <script src="js/controllers/users/userController.js"></script> 
		  <script src="js/controllers/users/userEditController.js"></script> 
		  <script src="js/controllers/main/mainController.js"></script> 
		  <script src="js/controllers/doctor/doctorController.js"></script> 
		  <script src="js/controllers/article/articleController.js"></script> 
		  <script src="js/controllers/asking/askingController.js"></script>
		  <script src="js/controllers/asking/askingNewController.js"></script>  
		  <script src="js/controllers/health/healthController.js"></script>  
		  
		  <!--models-->
		  <script src="js/models/user.js"></script> 
		  <script src="js/models/main.js"></script>
		  <script src="js/models/doctor.js"></script>
		  <script src="js/models/article.js"></script>
		  <script src="js/models/asking.js"></script>
		  <script src="js/models/health.js"></script> 

		  <!--views--> 
		  <script src="js/views/users.js"></script>  
		  <script src="js/views/doctor.js"></script>
		  <script src="js/views/article.js"></script>
		  <script src="js/views/asking.js"></script>
 		  <script src="js/views/health.js"></script> 
 		  <script src="js/views/main.js"></script>  

 		  <!-- components -->
 		  <script src="js/components/asking/userfrom.js"></script> 

	</body>
	 
</html>
 
 